<div class="box box-primary">
    <div class="box-header with-border">
        <h3 class="box-title">用户 {{ user.id }} 的详情</h3> {{ userIndex }} {{ userSize }}

        <div class="box-tools pull-right">
            <button @click="prevUser" :disabled="userIndex == -1 || userIndex < 1" class="btn btn-box-tool" data-toggle="tooltip" title="前一条"><i class="fa fa-chevron-left"></i></button>
            <button @click="nextUser" :disabled="userIndex == -1 || userIndex >= userSize-1" class="btn btn-box-tool" data-toggle="tooltip" title="后一条"><i class="fa fa-chevron-right"></i></button>
        </div>
    </div>
    <div class="box-body">
        <dl class="dl-horizontal">
            <dt>用户名</dt><dd>{{ user.username }}</dd>
            <dt>邮箱</dt><dd>{{ user.email }}</dd>
            <dt>手机</dt><dd>{{ user.mobile }}</dd>
            <dt>姓名</dt><dd>{{ user.realName }}</dd>
            <dt>性别</dt><dd>{{{ user.sex | sexLabel }}}</dd>
            <dt>登记时间</dt><dd>{{{ user.createTime | localDateString }}}</dd>
            <dt>更新时间</dt><dd>{{{ user.updateTime | localDateString }}}</dd>
            <dt>状态</dt><dd>{{{ user.stateLabel }}}</dd>
        </dl>
    </div>
    <div class="box-footer">
        <div class="pull-right">
            <button @click="cancel" type="button" class="btn btn-default"><i class="fa fa-reply"></i> 返回用户列表</button>
        </div>
        <button type="button" class="btn btn-default"><i class="fa fa-edit"></i> 修改</button>
        <button type="button" class="btn btn-default"><i class="fa fa-trash-o"></i> 删除</button>
    </div>
    <!-- /.box-footer -->
</div>